#work {
  font-size: 16px;
  background: #53736a;
  display: flex; flex-direction: column; justify-content: center;
  padding: 100px 50px 50px;

  > div {
    width: 50%; height: 50%;
    display: flex; flex-direction: column; justify-content: center;
    position: relative;
    &::after {
      content: "";
      display: block;
      width: 14px; height: 14px;
      background: #fff;
      border-radius: 50%;
      position: absolute; top: 50%;
    }
    &.work1::after {
      left: 0;
      transform: translateX(-50%);
    }
    &.work2::after {
      right: 0;
      transform: translateX(50%);
    }
  }

  > .work1 {
    border-left: 2px solid #fff;
    order: 2;
    padding-left: 30px; margin-left: auto; margin-right: 1px;
  }
  @media screen and (max-width: 1420px) {
    > .work1 { justify-content: flex-end; }
  }

  > .work2 {
    border-right: 2px solid #fff;
    order: 1;
    padding-right: 30px; margin-left: 1px;
  }
  @media screen and (max-width: 1420px) {
    > .work2 { justify-content: flex-start; }
  }

  .company > span:nth-child(2) {
    margin-left: 50px;
  }
  @media screen and (max-width: 1000px) {
    .company > span:nth-child(2) { margin-left: 20px; }
  }

  p { margin-bottom: 10px; }

  em { color: #000; background: #fbde28; }

  strong { font-weight: bold; }

  ul {
    margin-left: 20px;
    > li {
      &:first-child { list-style: none; margin-left: -20px; }
    }
  }
}
